<!DOCTYPE html>
<html lang="en">
<head>
  <title>Jcrop: the jQuery Image Cropping Plugin</title>
  <link rel="stylesheet" href="demos/demo_files/main.css" type="text/css" />
  <link rel="stylesheet" href="demos/demo_files/demos.css" type="text/css" />
  <script src="js/jquery.min.js"></script>
  <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
</head>
<body>

<div class="container">
<div class="row">
<div class="span12">
<div class="jc-demo-box">

<div class="page-header">
<ul class="breadcrumb first">
  <li><a href="http://tapmodo.com/">Tapmodo</a> <span class="divider">/</span></li>
  <li class="active">Jcrop Plugin</li>
</ul>
<h1>Jcrop Image Cropping Plugin</h1>
</div>


<big>
	<a href="http://deepliquid.com/content/Jcrop.html"><b>Jcrop</b></a>
	is the image cropping plugin for
	<a href="http://jquery.com/">jQuery</a>.<br />
	You've successfully unpacked Jcrop.
</big>

<h3>Static Demos</h3>

<ul>
	<li><a href="demos/tutorial1.html">Hello World</a>
		&mdash; default behavior</li>
	<li><a href="demos/tutorial2.html">Basic Handler</a>
		&mdash; basic form integration</li>
	<li><a href="demos/tutorial3.html">Aspect Ratio w/ Preview Pane</a>
		&mdash; nice visual example</li>
	<li><a href="demos/tutorial4.html">Animation/Transitions</a>
		&mdash; animation/fading demo</li>
	<li><a href="demos/tutorial5.html">API Interface</a>
		&mdash; real-time API example</li>
	<li><a href="demos/styling.html">Styling Example</a>
		&mdash; style Jcrop dynamically with CSS
    <small>New in 0.9.10</small>
    </li>
  <li><a href="demos/non-image.html">Non-Image Elements</a>
    &mdash; attach to other DOM block elements
    <small>New in 0.9.10</small>
    </li>
</ul>

<h3>Live Demo</h3>

<ul>
	<li><a href="demos/crop.php">PHP Cropping Demo</a>
		&mdash; requires PHP/gd support</li>
</ul>

<h3>Jcrop Links</h3>

<ul>
	<li><a href="http://deepliquid.com/content/Jcrop.html">Jcrop Home</a></li>
	<li><a href="http://deepliquid.com/content/Jcrop_Manual.html">Jcrop Manual</a></li>
</ul>

<div class="tapmodo-footer">
  <a href="http://tapmodo.com" class="tapmodo-logo segment">tapmodo.com</a>
  <div class="segment"><b>&copy; 2008-2013 Tapmodo Interactive LLC</b><br />
    Jcrop is free software released under <a href="MIT-LICENSE.txt">MIT License</a>
  </div>
</div>
<div class="clearfix"></div>

</div>
</div>
</div>
</div>

</body>
</html>
